<template>
    <view class="pd pt60 pm40">
    	<view class="formrow">
    		<view class="z9 fz28">
    			派给人
    		</view>
    		<view class="mt20 pr">
    			<input type="text" value="" placeholder="请选择对方账户" class="jhhgerttyt" />
				<image src="../../../static/img/AddViceKey/kjjhfa.png" class="drrtsert" mode="widthFix" ></image>
    		</view>
    	</view>
		
		<view class="formrow mt70">
			<view class="z9 fz28">
				派给车辆
			</view>
			<view class="mt20 pr">
				<input type="text" value="" placeholder="请选择车辆" class="jhhgerttyt" />
				<image src="../../../static/img/cheliangicon.png" class="drrtsert" mode="widthFix"></image>
			</view>
		</view>
		
		<view class="formrow mt70">
			<view class="z9 fz28">
				驾驶方式
			</view>
			<view class="mt20 pr  row">
				<view class="kjhsdrow row pt30 pm30  mr40" v-for="(sd,idx) in jhbnhxD" @tap="xsdfd(idx)">
					<view class="cz">
						<image src="../../../static/img/xuanhsd.png" class="kjjsee cz ab" v-if="jhghdf==idx"></image>
						<text class="kjjsee cz f_b" v-else></text>
					</view>
					<view class="col ml20 cf fz32 pt10">
						{{sd}}
					</view>
				
				</view>
			</view>
		</view>
		
		
		<view class="formrow mt30" v-if="jhghdf==0">
			<view class="z9 fz28">
				司机
			</view>
			<view class="mt20 pr">
				<input type="text" value="" placeholder="请输入对方账户" class="jhhgerttyt" />
				<image src="../../../static/img/AddViceKey/kjjhfa.png" class="drrtsert" mode="widthFix" ></image>
			</view>
		</view>
		
		<view class="formrow mt70">
			<view class="z9 fz28">
				日期
			</view>
			<view class="mt20 pr jhhgerttyt row z9 dfgryusr cen">
				<view class="col">
					<picker mode="date" @change="jjcerta">
						<text v-if="from.jhhgdfc">{{from.jhhgdfc}}</text>
						<text v-else class="z9">开始时间 </text>
					</picker>
				</view>
				<view class="hhgxeer">
		
				</view>
				<view class="col">
					<picker mode="date" @change="jjcertb">
						<text v-if="from.jhhgdfd">{{from.jhhgdfd}}</text>
						<text v-else class="z9">结束时间 </text>
		
					</picker>
				</view>
				<image src="../../../static/img/AddViceKey/kjjhfb.png" class="drrtsert ab" mode="widthFix"></image>
			</view>
		</view>
		
		
		
		<view class="formrow mt70">
			<view class="z9 fz28">
				目的地
			</view>
			<navigator url="/pages/user/userinfo/region" class="mt20 pr jhhgerttyt">
				<text class="z9">请选择目的地</text>
				<uni-icons type="map" color="#999999" class="kjhgseer" size="20"></uni-icons>
			</navigator>
		</view>
		
		<view class="mt50 cen">
			<view class="kjhbnkhdret z9 fz30">
				<image src="../../../static/img/addiconsss.png" class="cz jhbnkccert"></image> 
				<text class="cz ml20">添加目的地</text>
			</view>
		</view>
		
		<view class="formrow mt70">
			<view class="z9 fz28">
				事由
			</view>
			<view class="mt20 pr">
				<input type="text" value="" placeholder="如“接待客户”" class="jhhgerttyt" />
				</view>
		</view>
		<view class="formrow mt70">
			<view class="z9 fz28">
				内部乘车人
			</view>
			<view class="mt20 pr">
			<view class="mt50 pd">
				<view class="uuhnnxeerty yj f_b cz" v-for="sd in 2">
					<image src="../../../html/img/usericon.png" class="yj  "></image>
				</view>
				<navigator url="CreateGroup?type=2" class="uuhnnxeerty f_b yj cz" >
					<image src="../../../static/img/sdfdfa.png" mode="widthFix" class="kjnmkrtxere cz"></image>
				</navigator>
				<view class="uuhnnxeerty f_b yj cz">
					<image src="../../../static/img/sdfdfb.png" mode="widthFix" class="kjnmkrtxere cz"></image>
				</view>
			</view>
			</view>
		</view>
		
		
		<view class="formrow mt70">
			<view class="z9 fz28">
				外部乘车人
			</view>
			<view class="mt20 pr">
			<view class="mt50 pd">
				<view class="uuhnnxeerty yj f_b cz" v-for="sd in 2">
					<image src="../../../html/img/usericon.png" class="yj  "></image>
				</view>
				<navigator url="ExternalPassenger" class="uuhnnxeerty f_b yj cz" >
					<image src="../../../static/img/sdfdfa.png" mode="widthFix" class="kjnmkrtxere cz"></image>
				</navigator>
				<view class="uuhnnxeerty f_b yj cz">
					<image src="../../../static/img/sdfdfb.png" mode="widthFix" class="kjnmkrtxere cz"></image>
				</view>
			</view>
			</view>
		</view>
		
		<view class="mt70">
			<button type="default" class="dbtn cf">确定</button>
		</view>
		
    </view>
</template>
<script>
    export default {
        data() {
            return {
				jhghdf: 0,
				jhbnhxD: [
					'司机', '自驾'
				],
				idsd:0,
				from: {
					jhhgdfc: '',
					jhhgdfd: ''
				},
			}
        },
        components: {},
		onNavigationBarButtonTap() {
			uni.navigateBack({
				delta:1
			})
		},
        methods: {
			xsdfd(idx) {
				this.jhghdf = idx
			},
			jjcerta(e) {
				this.from.jhhgdfc = e.detail.value
			},
			jjcertb(e) {
				this.from.jhhgdfd = e.detail.value
			},
		},
        mounted() {}
    }

</script>
<style  scoped>
		.kjhgseer{
			position: absolute;
			right: 20upx;
		}
		.jhbnkccert{
			width: 26upx;
			height: 26upx;
		}
		.kjhbnkhdret{
			width:288upx;
			height:78upx;
			border:2upx solid rgba(112,112,112,1);
			margin: auto;
			line-height: 78upx;
			border-radius:12upx;
		}
</style>
